.container {
  min-height: 100vh;
  background-color: #fff;
}

.title {
  padding: 32px 40px;
  > text {
    color: #333;
    font-weight: bold;
    font-size: 40px;
  }
}

.content {
  // 图片样式限制
  :global(.img) {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    border-radius: 12px;
  }

  :global(.p) {
    min-height: 18px;
  }

  :global(.strong) {
    font-weight: bold;
  }

  > view {
    padding: 30px 40px;
    // 展示当前请求的头部
    &:first-child {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #fff;
      // 展示的头部内容
      > view {
        // 展示标签以及名称
        &:nth-of-type(1) {
          > text {
            display: block;
            font-weight: bold;
            font-size: 24px;
            &:nth-of-type(1) {
              color: #333;
            }
            &:nth-of-type(2) {
              margin-top: 8px;
              color: #666;
            }
          }
        }
        // 展示对应的收藏按钮
        &:nth-of-type(2) {
          display: flex;
          align-items: center;
          justify-content: space-between;
          width: 136px;
          padding: 10px 16px;
          border: 1px solid #866dd8;
          border-radius: 34px;
          .unCollect {
            margin-right: 16px;
          }
          > text {
            display: block;
            &:nth-of-type(2) {
              color: #866dd8;
              font-weight: bold;
              font-size: 28px;
            }
          }
        }
      }
      > text {
        color: #999;
        font-size: 20px;
      }
    }
  }
}

.contentInline {
  margin-top: 48px;
  background-color: #fff;
  -webkit-overflow-scrolling: touch;
  .contentInlineWapper {
    padding: 30px 40px 0 30px;
    view {
      word-break: break-all;
    }
  }
}

.footer {
  position: fixed;
  bottom: 0;
  height: 100px;
  line-height: 100px;
  background-color: #fff;
  > view {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100vw - 80rpx);
    padding: 0 40px;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
    > view {
      &:first-child {
        width: 474px;
      }
      &:last-child {
        display: flex;
        align-items: center;
        > text {
          &:last-child {
            margin-left: 10px;
            color: #f57878;
          }
        }
      }
    }
  }
}

.subhead {
  display: block;
  color: #ddd;
  font-weight: bold;
  font-size: 28px;
}
